import React, { Component } from 'react'

export default class Test extends Component {
  state = {
    test: 'xxx',
  }

  // 如果当前组件的状态需要随着父组件传入的props变化,就可以使用这个钩子
  static getDerivedStateFromProps(props, state) {
    // props 就是父组件传过来的数据
    // state 就是当前组件自己的state
    // console.log('执行了')
    return {
      test: props.count,
    }
  }
  render() {
    console.log('挂载/更新阶段-render')
    return <div>Test, {this.state.test}</div>
  }
}
